<template>
  <el-table :data="tableData" stripe style="width: 100%">
    <el-table-column label="序号"  type="index" width="180" />
    <el-table-column prop="name" label="任务名称" width="180" />
    <el-table-column prop="targetUrl" label="目标网址" />
    <el-table-column prop="msg" label="错误消息"  />
  </el-table>
</template>

<script setup>

import {onMounted, ref} from "vue";
import {doGet} from "~/api/index.js";

onMounted(() => {
  // 在组件挂载到页面之后执行的逻辑
  // 可以在这里调用加载数据的函数
  loadData();

});

const tableData=ref([])

const loadData=()=>{
  doGet("/api/message/list",null,resp=>{
      tableData.value=resp.data

  })
}

</script>

<style scoped>

</style>